<template>
    <div>
        <van-nav-bar
            title="洗车教程"
            left-text=""
            left-arrow
            @click-left="onClickLeft('myView')"
        />
        <!-- <van-cell is-link @click="showPopup">展示弹出层</van-cell>-->
        <van-popup v-model="show">
        <van-swipe :autoplay="3000">
            <van-swipe-item v-for="(image,index) in images" :key="index">
                <img v-lazy="image" :src="image" width="350" height="500"/>
            </van-swipe-item>
        </van-swipe>
            <div class="div"></div>                       
            <van-icon name="close" @click="close('myView')"/>
        </van-popup> 
        
    </div>
</template>
<script>
export default {
    data() {
        return {
            show: true,
           images: [
            require("../../../src/assets/img/1.jpg"),
            require("../../../src/assets/img/2.jpg"),
            require("../../../src/assets/img/3.jpg"),
            require("../../../src/assets/img/4.jpg"),
            require("../../../src/assets/img/5.jpg"),
            require("../../../src/assets/img/6.jpg"),
            require("../../../src/assets/img/7.jpg"),
            require("../../../src/assets/img/8.jpg"),
            require("../../../src/assets/img/9.jpg"),
           ]
        };
    },
    methods: {
        onClickLeft(uri) {
            this.$router.push(uri,()=>{},()=>{});
        },
        close(uri){
            this.$router.push(uri,()=>{},()=>{});
        },
    },
    components: {
        // 组件注册的地方 相当于pom文件
    },
} 
</script>
<style>
.van-icon-close:before {
    FONT-WEIGHT: 700;
    content: '\e690';
    color: white;
    font-size: 35px;
    background-color: rgb(76, 76, 76);
}

</style>